<template>
  <el-button @click="dialogVisible = true">点我弹框</el-button>
  <div class="el-dialog-box">
    <el-dialog
     v-model="dialogVisible"
     title="请回答问题："
     width="500"
    >
      <template #default>
        <span>魏朋诗人啊？</span>
      </template>
      <template #footer>
        <el-button type="primary" @click="dialogVisible = false">确实</el-button>
        <el-button type="danger" @click="dialogVisible = false">fp</el-button>
      </template>
      <!-- <template #header>

      </template> -->
    </el-dialog>  

    <el-dialog
     v-model="retDialogVisible"
     title="result: "
    >
      <template #default>
        <span>xxxxxx</span>
      </template>
    </el-dialog>
  </div>
</template>

<script setup>
  import { ref } from 'vue'
  const dialogVisible = ref(false)
  const retDialogVisible = ref(false)

</script>

<style scoped>
</style>